//seteo de un objeto que administre los usuarios del chat
var MICHAT = MICHAT || {};
MICHAT.listadoUsers= new Array()
MICHAT.addUser=function(userid){
    for(var a=0;a<MICHAT.listadoUsers.length;a++){
        if(MICHAT.listadoUsers[a]==userid){break}else{MICHAT.listadoUsers.push(userid)}
    }
}
MICHAT.clearUsers=function(){
    if (MICHAT.listadoUsers.length>0){
        MICHAT.listadoUsers=new Array()
    }}



jQuery(function($) {
    // TODO: Execute your page manipulating Javascript code here;
    // "jQuery" is aliased to "$"
    usersOnline()
    $(".imgRef").click(function(e){
        e.preventDefault();
        $(".boxChat").toggle("slow");
    })
});

function usersOnline(){
    $.getJSON( "@@users_online", function( data ) {
      var items = [];
      if (data.available=="true"){
         $.each( data.usuarios, function( key, val ) {
                items.push( '<a style="cursor: pointer;" onclick="jQuery.noConflict(); startChat(\'chatbox_'+val.id+'\')">'+ val.fullname  +  '</a> <span class="areaC">['+val.area+']</span>' );
                MICHAT.addUser(val.id)
            });
         $("#boxUserOnline div").remove()
         $("<div/>", {"class": "my-new-list",html: items.join( "" )}).appendTo( "#boxUserOnline" );
      }else{
         $("#boxUserOnline div").remove()
         $("<span>No hay personal en línea por el momento</span>").appendTo("#boxUserOnline")
         MICHAT.clearUsers
      }
    });
}